<template>
  <div class="c-button">
    <slot />
  </div>
</template>

<script>
export default {
  data() {
    return {
    }
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
.c-button {
  span {
        font-family: SourceHanSansSC-regular;
        font-size: 14px;
        color: #101010;
        background: transparent;
        outline: none;
        cursor: pointer;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
        display: inline-block;
        padding: 0 10px;
        margin-right:10px;
        &:hover{ color:#101010 }
        &.disabled { color: #C8C9CC; cursor: not-allowed; }
        &.danger{
          color:#ff2d2d;
        }
       &.marginRight38{
         margin-right:38px;
       }
       &.otherButton{
          color:#38adff;
        }
    }
    /deep/ .el-checkbox__label {
        color: #38adff;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
        &:hover{ color:#68c1ff }
    }
}
</style>
